<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>${ecard.name}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.css">		
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/mobile-template/ecard/${theme }/default.css">	
			<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/jquery.js"></script>		
			<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.js"></script>	
				<link href="http://2weima.hdzhx.com/ecm/assets/css/bootstrap-responsive.css" rel="stylesheet">
		<style type="text/css">
			a:hover{color:red;}
		#center{margin:0 auto; min-width:100px;max-width:800px}
		</style>
		<script type="text/javascript">
		$(function() {
		var tabhosts = $(".tabhost a");
		
		tabhosts.each(function() {
		$($(this).attr("href")).hide();
		
		if ($(this).hasClass("selected")) {
		$($(this).attr("href")).show();
		}
		
		$(this).click(function(event) {
		event.preventDefault();
		
		if (!$(this).hasClass("selected")) {
		tabhosts.each(function() {
		$(this).removeClass("selected");
		$($(this).attr("href")).hide();
		});
		
		$(this).addClass("selected");
		$($(this).attr("href")).show();
		}
		});
		});
		});
		</script>
	</head>
	<body><script src="${ctxStatic}/mobile-template/ecard/${theme }/jiathis.php" charset="utf-8"></script><link href="./jiathis_share.css" rel="stylesheet" type="text/css"><iframe frameborder="0" style="position: absolute; display: none; opacity: 0; max-height: 300px;"></iframe><div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"></div><div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"></div><iframe frameborder="0" src="http://v3.jiathis.com/code_mini/jiathis_utility.html" style="display: none; max-height: 300px;"></iframe>
		<div class="container-fluid" id="center" style="border: 1px solid #b4b4b4;">
			<div align="center" style="margin-bottom: 5px;"><img style="height: 80px;" src="${ctxFront }/ecard/organ${ecard.organInfo.id }.logo"></div>
			<div class="tabs row-fluid">
				<div class="tabhost">
					<div style="padding:3px;background-color:#0070BE;text-align:center;font-size:12px;">
						<a href="#page1" class="selected" style="color: #ffffff">个人风采</a><font color="white">｜</font>
						<a href="#page2" style="color: #ffffff">${ecard.organInfo.name }</a><font color="white">｜</font>
						<a href="#page3" style="color: #ffffff">新闻报</a><font color="white">｜ </font>
					</div>
				</div>
				
				<div class="tabcontent" style="clear: both;padding-top:30px;">
					<div id="page1" style="display: block;">
						
						<div style="text-align: left;">
							<div style="height: 22px;background-color:#B4B4B4">个人风采</div>
							<div>
								<img src="${ctxFront }/ecard/${ecard.id }.jpg" style="float:left;margin-top:15px;width:124px;height:138px;">
								<div style="padding-top:13px;margin-bottom:5px;padding-left:5px;"><span style="background-color: #b4b4b4;"><font>姓名</font></span> ${ecard.name}</div>
								<div style="margin-bottom:5px;"><span style="background-color: #b4b4b4;"><font>部门</font></span> ${ecard.department}<br></div>								
								<div style="margin-bottom:5px;"><span style="background-color: #b4b4b4;"><font>电话</font></span> <a href="tel:${ecard.tel}">${ecard.tel}</a><br></div>
								<div style="margin-bottom:5px;"><span style="background-color: #b4b4b4;"><font>职位</font></span>  ${ecard.title}<br></div>								
								<div style="margin-bottom:5px;"><span style="background-color: #b4b4b4;"><font>邮箱</font></span> <a href="mailto:${ecard.mail}">${ecard.mail}</a><br></div>								
							</div>
							<div style="margin-top:30px;">
								<a class="btn btn-info" href="http://2weima.hdzhx.com/EcardMembers/vcf/Wkb_95">一键保存</a>
								<a href="http://2weima.hdzhx.com/ecm/Wkb_95#myModal" role="button" class="btn" data-toggle="modal">一键分享</a>
								
								<!-- Modal -->
								<style>
									#myModal{width:auto;margin:0;left:10%;top:10%;}
								</style>
								<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
										<h5 id="myModalLabel">一键分享</h5>
									</div>
									<div class="modal-body">
										<!-- JiaThis Button BEGIN -->
										<div class="jiathis_style_32x32">
											<a class="jiathis_button_qzone" title="分享到QQ空间"><span class="jiathis_txt jtico jtico_qzone"></span></a>
											<a class="jiathis_button_tsina" title="分享到新浪微博"><span class="jiathis_txt jtico jtico_tsina"></span></a>
											<a class="jiathis_button_tqq" title="分享到腾讯微博"><span class="jiathis_txt jtico jtico_tqq"></span></a>
											<a class="jiathis_button_weixin" title="分享到微信"><span class="jiathis_txt jtico jtico_weixin"></span></a>
											<a class="jiathis_button_renren" title="分享到人人网"><span class="jiathis_txt jtico jtico_renren"></span></a>
										</div>
										<script type="text/javascript" src="./jia.js" charset="utf-8"></script>
										<!-- JiaThis Button END -->
									</div>
									<div class="modal-footer">
										<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
									</div>
								</div>
															</div>
							
						</div>
						
						
						<div style="margin-top:10px;height: 22px;background-color:#B4B4B4">个人简介</div>
						<div style="overflow: auto;margin:10px;">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
							${ecard.description}
						</div>
					</div>
					
					<div id="page2" style="display: none;">
						<div style="margin-top:10px;height: 22px;background-color:#B4B4B4">名人堂</div>
						<div style="margin: 10px;">
							
							单位名称：  ${ecard.organInfo.name}<br>
							
							联系电话：  <a href="tel:${ecard.organInfo.tel}">${ecard.organInfo.tel}</a><br>							
							单位地址：    ${ecard.organInfo.address}<br>							
							官方微博：  <a href="${ecard.organInfo.weibo}">${ecard.organInfo.weibo}</a><br>							
							单位微信：  ${ecard.organInfo.weixin}<br>							
							单位网址：  <a href="${ecard.organInfo.site}">${ecard.organInfo.site}</a><br>							<br>
							<p>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ${ecard.organInfo.description}
</p>						</div>
					</div>
					
					<div id="page3" style="display: none;">
						<div style="margin-top:10px;height: 22px;background-color:#B4B4B4">新闻报</div>
						<div style="margin: 10px;">
							<div style="margin: 10px;">
								<ul class="unstyled">
								
								<c:forEach items="${ecard.organInfo.organEvents }" var="event"
					varStatus="status">
					<li>
						<div class="cen31">
							<a
								href="${ctxFront }/ecard/event-${event.id}.html">${status.index +1} ${event.title }</a>
						</div>
					</li>
				</c:forEach>
				
				</ul>
							</div>
							
						</div>
						
					</div>


				</div>
			</div>
			<script type="text/javascript">
									
				function autoSize(){
					$("img,embed").each(function(){
						if($(this).width() > $(this).parent().width()){
							$(this).css('max-width',"100%");
							}
					});
				}
				window.onload =  autoSize;
			</script>
		<div class="footer" style="width:100%">
	<p style="text-align:center">
		技术支持
		<a href="#power" onclick="$(&#39;#power&#39;).toggle()"> 邯郸智讯</a>
	</p>
	<div id="power" style="display:none;text-align:center">
		<div style="margin: 10px;">
			<div class="aboutus">
				<p>邯郸智讯</p>
				<p>客服电话：
					<a href="tel:0310-7056607">0310-7056607</a>
				</p>
				<p>客服QQ: 66587811</p>
				<p>客服邮箱: jakemnase@163.com</p>
				<p>公司地址: 邯郸市丛台区帝豪雅居B座11楼08室</p>
			</div>
		</div>
	</div>
</div>
		
	<script type="text/javascript">
    try {
        window.onload = autoSize;
        function autoSize(){
            $("img,iframe,embed").each(function(){
                if($(this).width() > $(this).parent().width() || $(this).width() > $(window).width()){
                    $(this).css('max-width',"100%");
                }
            });
            $("iframe").each(function(){
                $(this).css('max-height',$(this).width());
            })
        }
    }catch (e) {
    }
</script>
</div></body></html>